﻿@{Layout = null;}
@model MvcShopping.Models.MemberLoginViewModel
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Thirteen Shop</title>
    <script src="~/Scripts/jquery-3.2.1.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.20.js"></script>
    <script src="~/Scripts/bootstrap.js"></script>
    <script>
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
        if (getUrlParam("num")) {
            alert("不存在昵称和邮箱相匹配的用户");
        }
    </script>


    <style>
        body {
            margin: 0;
            padding: 0;
            background: #fff;
            color: #fff;
            font-family: Arial;
            font-size: 12px;
        }

        .body {
            position: absolute;
            top: -20px;
            left: -20px;
            right: -40px;
            bottom: -40px;
            width: auto;
            height: auto;
            background: url('../../images/city-wallpaper-18.jpg') no-repeat fixed;
            background-size: cover;
            background-position: 50%;
        }

        .grad {
            position: absolute;
            top: -20px;
            left: -20px;
            right: -40px;
            bottom: -40px;
            width: auto;
            height: auto;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
            z-index: 1;
            opacity: 0.7;
        }

        .header {
            position: absolute;
            top: calc(50% - 35px);
            left: calc(50% - 255px);
            z-index: 2;
        }

            .header div {
                float: left;
                color: #fff;
                font-family: 'Exo', sans-serif;
                font-size: 35px;
                font-weight: 200;
            }

                .header div span {
                    color: #5379fa !important;
                }

        .login {
            position: absolute;
            top: calc(50% - 150px);
            left: calc(50% - 130px);
            height: 200px;
            width: 260px;
            padding: 10px;
            z-index: 2;
        }

            .login input[type=text] {
                width: 250px;
                height: 30px;
                background: transparent;
                border: 1px solid rgba(255,255,255,0.6);
                border-radius: 2px;
                color: #fff;
                font-family: 'Exo', sans-serif;
                font-size: 16px;
                font-weight: 400;
                padding: 4px;
            }

            .login input[type=password] {
                width: 250px;
                height: 30px;
                background: transparent;
                border: 1px solid rgba(255,255,255,0.6);
                border-radius: 2px;
                color: #fff;
                font-family: 'Exo', sans-serif;
                font-size: 16px;
                font-weight: 400;
                padding: 4px;
                margin-top: 10px;
            }

            .login input[type=submit] {
                position: center;
                width: 260px;
                height: 35px;
                background: #fff;
                border: 1px solid #fff;
                cursor: pointer;
                border-radius: 2px;
                color: darkgrey;
                font-family: 'Exo', sans-serif;
                font-size: 16px;
                font-weight: 400;
                padding: 6px;
                margin-top: 10px;
            }

                .login input[type=submit]:hover {
                    opacity: 0.8;
                }

                .login input[type=submit]:active {
                    opacity: 0.6;
                }

            .login input[type=text] :focus {
                outline: none;
                border: 1px solid rgba(255,255,255,0.9);
            }

            .login input[type=password]:focus {
                outline: none;
                border: 1px solid rgba(255,255,255,0.9);
            }

            .login input[type=submit]:focus {
                outline: none;
            }

      
    </style>

</head>
<body>
    <div class="body"></div>
    <div class="grad"></div>
    <br>
    <div class="login">
        <form class="form-horizontal" role="form" action="findVadify" method="post">
            <div class="form-group setMargin">
                <label for="username" class="col-md-2 col-md-offset-2 control-label" style="font-size:large;color:white">用户名</label>
                <div class="col-md-6">
                    <input type="text" class="form-control" id="username" name="username"
                           placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group setMargin">
                <label for="email" class="col-md-2 col-md-offset-2 control-label" style="font-size:large;color:white">邮箱</label>
                <div class="col-md-6">
                    <input type="text" class="form-control" id="email" name="email"
                           placeholder="请输入邮箱">
                </div>
            </div>
            <div class="form-group setMargin">
                <label for="password" class="col-md-2 col-md-offset-2 control-label" style="font-size:large;color:white">密码</label>
                <div class="col-md-6">
                    <input type="password" class="form-control" id="password" name="password"
                           placeholder="请输入密码">
                </div>
            </div>
            @*<div class="form-group setMargin">
        <label for="rePassword" class="col-md-2 col-md-offset-2 control-label" style="font-size:large;color:white">确认密码</label>
        <div class="col-md-6">
            <input type="password" class="form-control" id="rePassword" name="rePassword"
                   placeholder="请输入再次密码">
        </div>
    </div>*@

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="submit" class="btn btn-primary" id="submitForm" value="修改密码">
                </div>
            </div>
        </form>
        </div>
        @*<script>
        $().ready(function () {
            $("form").validate({

                debug: true,
                rules: {
                    username: { required: true, minlength: 3 },
                    password: { required: true, minlength: 6 },
                    rePassword: { required: true, minlength: 6, equalTo: "#password" },
                    email: { required: true, email: true },

                },
                messages: {
                    username: {
                        required: "用户名不能为空",
                        minlength: "用户名长度不得小于3",
                    },
                    password: { required: "请输入密码", minlength: "密码长度不得小于6位" },
                    rePassword: {
                        required: "请输入确认密码",
                        minlength: "确认密码不能小于6个字符",
                        equalTo: "两次输入密码不一致"
                    },
                    email: { required: "邮箱不能为空", email: "请输入合法的邮箱" },
                }
            });
        });

    </script>
        *@

        @section Scripts {
            @Scripts.Render("~/bundles/jqueryval")
        }
</body>

</html>

